﻿/*---------------------------------*/
.ui-main
{
    width:auto;
    height:auto;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
}
.ui-box
{
    float:left;
    background: -moz-linear-gradient(center top , #FDFDFD, #EFEFEF) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 2px 0 rgba(0, 0, 0, 0.05);
    float: left;
    list-style: none outside none;
    margin: 2px;
    overflow: hidden;
    padding: 4px;
    position: relative;
    width:200px;
    height:100%;
}
.ui-box-roles
{
    float:left;
    background: -moz-linear-gradient(center top , #FDFDFD, #EFEFEF) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 2px 0 rgba(0, 0, 0, 0.05);
    float: left;
    list-style: none outside none;
    margin: 2px;
    overflow: hidden;
    padding: 4px;
    position: relative;
    width:463px;
    height:100%;
}
.ui-box-text-box-roles
{
    float:left;
    background: -moz-linear-gradient(center top , #FDFDFD, #EFEFEF) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 2px 0 rgba(0, 0, 0, 0.05);
    float: left;
    list-style: none outside none;
    margin: 2px;
    overflow: hidden;
    padding: 4px;
    position: relative;
    width:463px;
    height:58px;
}
.ui-box-checkbox-list-module
{
    float:left;
    background: -moz-linear-gradient(center top , #FDFDFD, #EFEFEF) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 2px 0 rgba(0, 0, 0, 0.05);
    float: left;
    list-style: none outside none;
    margin: 2px;
    overflow-y:scroll;
    padding: 4px;
    position: relative;
    width:463px;
    height:180px;
}
.ui-box-text-box
{
    float:left;
    background: -moz-linear-gradient(center top , #FDFDFD, #EFEFEF) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 2px 0 rgba(0, 0, 0, 0.05);
    float: left;
    list-style: none outside none;
    margin: 2px;
    overflow: hidden;
    padding: 4px;
    position: relative;
    width:200px;
    height:58px;
}
.ui-box-text-box-do
{
    float:left;
    background: -moz-linear-gradient(center top , #FDFDFD, #EFEFEF) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 2px 0 rgba(0, 0, 0, 0.05);
    float: left;
    list-style: none outside none;
    margin: 2px;
    overflow: hidden;
    padding: 4px;
    position: relative;
    width:302px;
    height:58px;
}
.ui-box-text-box-contract
{
    float:left;
    background: -moz-linear-gradient(center top , #FDFDFD, #EFEFEF) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 2px 0 rgba(0, 0, 0, 0.05);
    float: left;
    list-style: none outside none;
    margin: 2px;
    overflow: hidden;
    padding: 4px;
    position: relative;
    width:812px;
    height:58px;
}
.ui-box-text-box-contract-content
{
    float:left;
    background: -moz-linear-gradient(center top , #FDFDFD, #EFEFEF) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 2px 0 rgba(0, 0, 0, 0.05);
    float: left;
    list-style: none outside none;
    margin: 2px;
    overflow: hidden;
    padding: 4px;
    position: relative;
    width:812px;
    height:120px;
    overflow-y:scroll;
}
.ui-box-text-box-id-product
{
    float:left;
    background: -moz-linear-gradient(center top , #FDFDFD, #EFEFEF) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 2px 0 rgba(0, 0, 0, 0.05);
    float: left;
    list-style: none outside none;
    margin: 2px;
    overflow: hidden;
    padding: 4px;
    position: relative;
    width:403px;
    height:58px;
}
.ui-box-text-box-nhap-so-dien-thoai
{
    float:left;
    background: -moz-linear-gradient(center top , #FDFDFD, #EFEFEF) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 2px 0 rgba(0, 0, 0, 0.05);
    float: left;
    list-style: none outside none;
    margin: 2px;
    overflow: hidden;
    padding: 4px;
    position: relative;
    width:414px;
    height:58px;
}
.ui-box-text-box-titile-news
{
    float:left;
    background: -moz-linear-gradient(center top , #FDFDFD, #EFEFEF) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 2px 0 rgba(0, 0, 0, 0.05);
    float: left;
    list-style: none outside none;
    margin: 2px;
    overflow: hidden;
    padding: 4px;
    position: relative;
    width:629px;
    height:58px;
}
.ui-box-text-box-note
{
    background: -moz-linear-gradient(center top , #FDFDFD, #EFEFEF) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 2px 0 rgba(0, 0, 0, 0.05);
    float: left;
    list-style: none outside none;
    margin: 2px;
    overflow: hidden;
    padding: 4px;
    position: relative;
    width:auto;
    height:auto;
}
.ui-box-text-box-note_ckeditor
{
    background: -moz-linear-gradient(center top , #FDFDFD, #EFEFEF) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 2px 0 rgba(0, 0, 0, 0.05);
    list-style: none outside none;
    margin: 2px;
    overflow: hidden;
    padding: 4px;
    position: relative;
    width:auto;
    height:auto;
}
.ui-box-text-box-note-child
{
    background: -moz-linear-gradient(center top , #FDFDFD, #EFEFEF) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 2px 0 rgba(0, 0, 0, 0.05);
    float: left;
    list-style: none outside none;
    margin: 2px;
    overflow: hidden;
    padding: 4px;
    position: relative;
    width:414px;
    height:58px;
}
.ui-box-text-box-note-child-do
{
    background: -moz-linear-gradient(center top , #FDFDFD, #EFEFEF) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 2px 0 rgba(0, 0, 0, 0.05);
    float: left;
    list-style: none outside none;
    margin: 2px;
    overflow: hidden;
    padding: 4px;
    position: relative;
    width:607px;
    height:58px;
}
.ui-box-text-box-note-child-tranfer
{
    background: -moz-linear-gradient(center top , #FDFDFD, #EFEFEF) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 2px 0 rgba(0, 0, 0, 0.05);
    float: left;
    list-style: none outside none;
    margin: 2px;
    overflow: hidden;
    padding: 4px;
    position: relative;
    width:608px;
    height:58px;
}
.ui-box-text-box-note-child_A
{
    background: -moz-linear-gradient(center top , #FDFDFD, #EFEFEF) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 2px 0 rgba(0, 0, 0, 0.05);
    float: left;
    list-style: none outside none;
    margin: 2px;
    overflow: hidden;
    padding: 4px;
    position: relative;
    width:629px;
    height:58px;
}
.ui-box-text-box-status
{
    background: -moz-linear-gradient(center top , #FDFDFD, #EFEFEF) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 2px 0 rgba(0, 0, 0, 0.05);
    float: left;
    list-style: none outside none;
    margin: 2px;
    overflow: hidden;
    padding: 4px;
    position: relative;
    width:379px;
    height:58px;
}
.ui-box-text-box-upload
{
    background: -moz-linear-gradient(center top , #FDFDFD, #EFEFEF) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 2px 0 rgba(0, 0, 0, 0.05);
    float: left;
    list-style: none outside none;
    margin: 2px;
    overflow: hidden;
    padding: 4px;
    position: relative;
    width:330px;
    height:58px;
}
.ui-img-avatar
{
    float:left;
    width:69px;
    height:69px;
    border:1px solid gray;
}
.label
{
    font-size:11px;
    font-weight:bold;
    color:Black;
    background:none;
}
.textbox
{
    width:100%;
    font-size:11px;
    height:23px;
    margin-top:11px;
}
.textboxsofax
{
    width:100%;
    font-size:11px;
    height:23px;
    margin-top:11px;
}
.textboxsodienthoai
{
    width:100%;
    font-size:11px;
    height:23px;
    margin-top:8px;
}
.textboxsodienthoai11
{
    width:100%;
    font-size:11px;
    height:23px;
    margin-top:8px;
}
.textbox_url_images
{
    width:290px;
    font-size:11px;
    height:23px;
}
.textbox_child
{
    width:180px;
    font-size:11px;
    height:23px;
    background:#d5e5f2;
    border:1px solid #bad2e6;
    color:#666666;
}
.textbox_child_danhmucxe
{
    width:180px;
    font-size:11px;
    height:23px;
    margin-top:8px;
}
.textbox_child_contract-content
{
    width:784px;
    font-size:11px;
    height:200px;
    margin-top:8px;
}
.textbox_child_contract
{
    width:800px;
    font-size:11px;
    height:23px;
    margin-top:8px;
}
.textbox_child_Search
{
    width:180px;
    font-size:11px;
    height:23px;
}
.textbox_child_output
{
    width:60px;
    font-size:11px;
    height:23px;
    text-align:right;
}
.textbox-muiti
{
    width:191px;
    font-size:11px;
    height:28px;
    margin-top:8px;
}
.textbox-muiti-note
{
    width:616px;
    font-size:11px;
    height:23px;
}
.textbox-muiti-note_Child
{
    width:401px;
    font-size:11px;
    height:28px;
    margin-top:8px;
}
.textbox-muiti-note_Child-do
{
    width:597px;
    font-size:11px;
    height:28px;
    margin-top:8px;
}
.textbox-muiti-note_Child-tranfer
{
    width:600px;
    font-size:11px;
    height:28px;
    margin-top:8px;
}
.textbox-muiti-note_Child_A
{
    width:616px;
    font-size:11px;
    height:28px;
    margin-top:8px;
}
.select-drop
{
    width:100%;
    font-size:11px;
    height:26px;
    margin-top:8px;
}
.select-drop-child
{
    width:180px;
    font-size:11px;
    height:26px;
    margin-top:8px;
}
.select-drop-child-a
{
    width:180px;
    font-size:11px;
    height:26px;
    margin-left: 5px;
    margin-top:8px;
}
.text-thanh-tien
{
    color:Red;
    font-style:italic;
}
.text-box-ngay-nhap
{
    width:174px;
    font-size:11px;
    height:23px;
}
.textboxngaynhap
{
    width:170px;
    font-size:11px;
    height:22px;
    margin-right:3px;
    margin-top:11px;
}
.textboxngaynhap_hethan
{
    width:170px;
    font-size:11px;
    height:22px;
    margin-right:3px;
    margin-top:11px;
}
.btn-export
{
    height:12px;
    margin-left:5px;
}
.btn-export-fillter
{
    height:12px;
    margin-right:5px;
    margin-left:5px;
}
.btn-export-fillter_bc
{
    height:12px;
    margin-left:5px;
}
.btn-export_close
{
    height:22px;
    margin-left:1px;
}
.img-btn
{
    height:12px;
    width:10px;
}
.text-box-fillter
{
    margin-right:5px;
    font-size:11px;
    width:180px;
}
.textboxfillter
{
    margin-right:5px;
    margin-left:5px;
    font-size:11px;
    width:180px;
}
.textbox_export
{
    width:180px;
    font-size:11px;
}
.textbox_export_bc
{
    width:170px;
    font-size:11px;
}
.checkbox-quoc-gia
{
   display: block;
   margin-top: 0;
   margin-left: 70px;
}
.label-checkbox
{
    font-size: 11px;
    font-weight: bold;
    margin-left: 46px;
}
.toolbar-ui-all-big
{
    width:100%;
    height:31px;
    float:left;
    margin-bottom:5px;
    box-shadow:
    0px 2px 2px 0px rgba(0, 0, 0, 0.5),
    0px 2px 2px 0px rgba(255, 255, 255, 0.5)
}
.toolbar-ui-footer
{
    text-align:right;
}
.loading-label-left
{
    float:left;
    margin-left:8px;
    width:auto;
    height:auto;
}
.loading
{
    width:20px;
    height:18px;
    margin-left:8px;
}
.loading-label-right
{
    float:left;
    margin-left:8px;
    width:auto;
    height:auto;
}
/*---------------*/
.button-all
{
    width:30px;
    height:30px;
    border-right:1px solid gray;
}
.clr
{
    clear:both;
}
/*---------error-mes---*/
.error-msg
{
   color:Red;
   font-size:12px;
   font-style:italic;
}
/*--------------Button-main-------------------*/
.btn-add-new
{
   background-image:url('../Icon/btt-all.gif');
   width: 30px;
   height: 30px;
   background-repeat:no-repeat;
   background-position: -126px 3px;
   background-color:white;
   border:none;
}
    .btn-add-new:hover, btn-add-new:focus {
        
    }
.btn-add-edit
{
   background-image:url('../Icon/btt-all.gif');
   width: 30px;
   height: 30px;
   background-repeat:no-repeat;
   background-position: -153px 3px;
   margin-left: -4px;
   background-color:white;
   border:none;
   margin-top: 3px;
}
.btn-add-delete
{
   background-image:url('../Icon/btt-all.gif');
   width: 30px;
   height: 30px;
   background-repeat:no-repeat;
   background-position: -182px 3px;
   margin-left: -4px;
   background-color:white;
   border:none;
}
.btnadddeletea
{
   background-image:url('../Icon/btt-all.gif');
   width: 30px;
   height: 30px;
   background-repeat:no-repeat;
   background-position: -182px 3px;
   margin-left: -4px;
   background-color:white;
   border:none;
}
.btnadddelete
{
   background-image:url('../Icon/icon-all-button.png');
   width: 30px;
   height: 30px;
   background-repeat:no-repeat;
   background-position: 6px -106px;
   margin-left: -4px;
   background-color:white;
}
.btn-add-fillter
{
   background-image:url('../Icon/icon-all-button.png');
   width: 30px;
   height: 30px;
   background-repeat:no-repeat;
   background-position: 4px 5px;
   margin-left: -4px;
   background-color:white;
   
}
.btn-add-search
{
   background-image:url('../Icon/btt-all.gif');
   width: 30px;
   height: 30px;
   background-repeat:no-repeat;
   background-position: 2px 3px;
   margin-left: -4px;
   background-color:white;
   border:none;
}
.btn-add-refesh
{
   background-image:url('../Icon/btt-all.gif');
   width: 30px;
   height: 30px;
   background-repeat:no-repeat;
   background-position: -31px 3px;
   margin-left: -4px;
   background-color:white;
   border:none;
}
.btn-add-excel
{
   background-image:url('../Icon/btt-all.gif');
   width: 30px;
   height: 30px;
   background-repeat:no-repeat;
   background-position: -95px 3px;
   margin-left: -4px;
   background-color:white;
   border:none;
}
.btn-add-review
{
   border-style: none;
    border-color: inherit;
    border-width: medium;
    background-image:url('../Icon/btt-all.gif');
    height: 30px;
    background-repeat:no-repeat;
    background-position: -60px 3px;
    margin-left: -4px;
    background-color:white;
   }
.div-search
{
   float:left;
}
.div-setngay 
{
    float: right;    
}
.div-search_A
{
   float:left;
   margin-top: -3px;
}
.div-search_B
{
   float:left;
   margin-top: 1px;
   margin-bottom:2px;
}
.div-search-texbox
{
   float:left;
   margin-top:4px;
   margin-left: 5px;
   margin-right: 8px;
}
.div-search-texbox-date-fillter
{
   float:left;
   margin-top:-5px;
   margin-left: 5px;
   margin-right: 8px;
}
.div-search-select
{
   float:left;
   margin-top:-6px;
   margin-left: 5px;
   margin-right: 8px;
}
/*-------------------------*/
.total-item
{
   color:red;
}
.rowError a {
color:white;
}
.checkbox {width: auto !important; float: left;}
.checkbox tr{background-color:Transparent !important;}
.checkbox input{width: auto !important; float: left !important;}
.checkbox label{width: auto !important; float: left !important;}
.ui-string-connect {width:100%;height:30px}
/*-------------Form-Config-Database---------------*/
.ui-main-form {
margin:auto;
width:800px;
height:382px;
background-color:#c2d9f8;
border-radius:20px;
box-shadow:
0px 2px 2px 0px rgba(0, 0, 0, 0.5),
0px 2px 2px 0px rgba(255, 255, 255, 0.5) inset; 
}
.ui-form-titile {
margin:auto;
margin-top:87px;
height:38px;
width:800px;
border-top-left-radius:8px;
border-top-right-radius:8px;
background-color:#dce3ed;
}
.ui-form-img-left {
border-right:1px solid #7091b4;
margin-top:20px;
float:left;
width:234px;
height:auto;
}
.ui-form-img-right {
margin-top:30px;
margin-left:10px;
float:left;
border-bottom:1px solid #7091b4;
width:500px;
height:241px;
}
.ui-form-img-left {
width:234px;
}
.ui-form-p {
padding-top:10px;
margin-left:26px;
font-size:13px;
font-weight:bold;
color:black;
}
.ui-box-left {
margin-left:30px;
margin-top:8px;
float:left;
width:100px;
height:25px;
}
.ui-box-left-detail {
margin-left:30px;
margin-top:8px;
float:left;
width:100px;
height:40px;
}
.ui-box-right {
margin-top:8px;
margin-left:8px;
float:left;
width:250px;
height:25px;
}
.ui-box-right-btn {
margin-top:8px;
margin-left:8px;
float:right;
margin-right:55px;
width:250px;
height:25px;
}
.ui-box-right-detail {
margin-top:8px;
margin-left:30px;
float:left;
width:auto;
height:auto;
}
.ui-box-textbox{
width:100%;
font-size:11px;
height:23px;
}
.ui-text-connection {
color:red;
}
.ui-btn {
border:1px solid #7091b4;
background-color:#b2d1fd;
}
.ui-process {
    float:left;
    margin-left:147px;
    margin-top:8px;
    text-align:center;
    padding-top:5px;
    width:100px;
    height:30px;
    font-size:12px;
    color:black;
    border:1px solid #7091b4;
    background-color:rgba(0, 0, 0, 0.05);
}
.btn-detail {
margin-top:-16px;
}
.btn-check {
margin-top:10px;
}